<style type="text/css">
    .btn.btn-danger-o {
        background: transparent;
		color: #fff;
		border: 1px solid #fff;
    }
.fui-code .nav-div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}
.fui-code .nav-div div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
}
.fui-code .nav-div div::before {
  content: '';
  line-height: 12px;
  color: #fff;
  text-align: center;
  display: block;
  width: 20px;
  height: 12px;
  border-radius: 5px;
  background: linear-gradient(to right, #8B461D, #FCC6A7, #8B461D);
}
.fui-code .nav-div div:nth-child(1) {
  margin-right: 35px;
}
.fui-code .nav-div div:nth-child(1)::before {
  content: '01';
  margin-right: 2px;
}
.fui-code .nav-div div:nth-child(2)::before {
  content: '02';
  margin-right: 2px;
}
.fui-code .nav-button2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: {{main.syscolor || '#8B461D'}};
    text-align: center;
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
}
.nav-bottom {
  margin: 27px auto 0;
  border-radius: 12px;
  background-color: hsla(0, 0%, 100%, 0.5);
  padding: 0px 11px 0px 0;
  border: 1px solid #fff;
  color:#fff;
}
.nav-bottom ul {
  transform: translate(-13px, 0);
  margin-bottom: 0;
}
.nav-bottom ul li {
  font-size: 13px;
  text-align: justify;
  transform: scale(0.8);
  width: 115%;
}
</style>
<div class="fui-page fui-page-current page-goods-list">
    <div class='fui-content' style="top:0;background:none;padding-bottom:0;background-image: url('{{tomedia(pagedata.info.bgimg) || '../addons/jy_goodserpfw/resource/images/bg.jpg'}}');">
        <div style="padding:0.8rem;padding-top:1.5rem;min-height: calc(100vh - 51px);">
            <div class="top" style="margin-bottom:2rem;">
                <div class="c">
                    <img style="width:6rem;border-radius:0.5rem" ng-src="{{tomedia(pagedata.info.logo) || '../core/resource/images/no-wxapp.png'}}"  />
                </div>
            </div>
            <div class="fui-code" style="background: linear-gradient(#fdf5d8, #fcd7f7);border-radius: 0.5rem;padding:0.5rem 0.7rem">
                <div class="fui-line-title" style="padding-top:0">
                    <div class="bold" style="color: {{main.syscolor || '#8B461D'}};font-size:1rem;text-align-last: justify;">{{pagedata.info.saotitle ||'防伪查询验证中心'}}</div>
					<div class="nav-div">
                        <div>输入溯源</div>
                        <div>点击查询</div>
                    </div>
                </div>
				<div class="fui-cellone" style="padding:0.3rem 0;top:0;">
						 <div class="fui-cellone-info">
							<div class="search-input" style="height:1.8rem;">
								<input type="text" placeholder="请输入防伪码" class="search" ng-model="pagedata.code" style="height:1.6rem;border: 0;text-align: left; color: #999; font-size:0.6rem;border: 1px solid {{main.syscolor || '#8B461D'}};background:#fff;border-radius: 0.2rem;" />
							</div>
							<div ng-click="access_json('jy_goodserpfw/search//code='+pagedata.code)" class="nav-button2" style="margin-top:0.3rem">
								<span>立即查询</span>
							</div>
							<span style="font-size: 12px;text-align-last: justify;">查询提示:输入防伪编码。然后点击“立即查询”按钮查询</span>
						 </div>
				</div>
                <div style="">
					<div ng-if="pagedata.info.mobile">
					<div style="color:#999;font-size:12px" href="tel:{{pagedata.info.mobile}}">防伪电话：{{pagedata.info.mobile}} <i class="icon icon-phone" style="font-size:0.6rem"></i></div>
                    <div style="color:#999;font-size:12px" href="javascript:;" ng-click="pagedata.openLocation();">地址：{{pagedata.info.address}} <i class="icon icon-map" style="font-size:0.6rem"></i></div>
					</div>
                    <div ng-if="pagedata.info.content" class="text text-danger" style="margin-bottom: -8px;color:#fff;line-height:1.3">
                        <span style="color:#999;font-size:13px">{{pagedata.info.content}}</span>
                    </div>
                </div>
            </div>
			<div class="nav-bottom">
					<ul>
					<li>请按上述提示，在查询验证框中输入溯源验证码，全部输入完成后点击查询即可识别产品溯源.</li>
					<li>如查询输入的溯源编码为正确的，跳转验证成功页面.</li>
					<li>如查询输入的溯源编码为错误的，系统提示为:验证失败，未查询到该溯源码，谨防假货.</li>
					</ul>
			</div>
        </div>
		<div ng-if="main.no_support!=1" class="footer-support" style="margin-top:0">
			<div class="supporttitle" style="color:#fff">{{main.js_support}}提供技术支持</div>
		</div>
    </div>
</div>
<div class="fe-mod-9" style="height:7rem;min-height:6rem">
    <img style="height:6rem" ng-src="{{tomedia(pagedata.hdps.picurl) || '../core/resource/images/nopic.jpg'}}">
</div>
<script language="javascript">
scope.pagedata.scancode=function () {
			console.log('scanQRCodeOK');
			wx.scanQRCode({
				needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
				scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
				success: function (res) {
					var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
					var start = result.indexOf(',');
					result = result.substr(start+1);
					if(result.indexOf("http") != -1){
                        var url=result;
                    }else{
                        var url=scope.pagedata.url+"&code="+result
                    }
					location.href = url;
				}
			});
}
scope.pagedata.openLocation=function(item){
    wx.openLocation({
        latitude: '', // 纬度，浮点数，范围为90 ~ -90
        longitude:'', // 经度，浮点数，范围为180 ~ -180。
        name: scope.pagedata.info.name, // 位置名
        address: scope.pagedata.info.address, // 地址详情说明
        scale: 20, // 地图缩放级别,整形值,范围从1~28。默认为最大
        infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
        success:function(){
            //alert(1111);
        }
    });
}
</script> 